@charset "utf-8";
/* CSS Document */
font-family: 'Rock Salt', cursive;
*{
	margin:0;
	padding:0;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	margin:0 auto;
	width:100%;

}
.cabecera{
	margin:0 auto;
	width:100%;
	height:auto;
	text-align:center;
}

.cabecera h1{
	color:#FFBF00;
	font-family: 'Rock Salt', cursive;
	position:absolute;
	top:5px;
	width: 100%;
	top: 35px;
}

.cabecera h2{
	color:#FFF;
	position: absolute;
	font-family: 'Merienda', cursive;
	top: 140px;
	left: 0;
	width: 100%;
}

.login{
	font-size:13px;
	position:absolute;
	top:7px;
	margin-left:863px;
}

.login img{
	width:8.5%;
}

.login a{
	text-decoration:none;
	color:#535353;
	font-weight:bold;
}

.login a:hover{
	text-decoration:underline;
}

img{
	max-width:100%;
	position:"relative";
}

.nav{
	margin: 0px auto;
	width: 54%;
}

.menu {
	list-style:none; 
	border:1px solid #c0c0c0; 
	float:left;
	/*margin-left: 250px;*/
	margin-top: 0px;
	font-weight:bold;
}

.menu li{
	position:relative;
	float:left;
	border-right:1px solid #c0c0c0;
}

.inde{
	margin-left: -35px
}

.menu li a{
	color:#0B72ED; 
	text-decoration:none; 
	padding:5px 26px; 
	display:block;
}
 
.menu li a:hover{
	background:#333;
	color:#FFF;
	-moz-box-shadow:0 3px 10px 0 #CCC;
	-webkit-box-shadow:0 3px 10px 0 #ccc;
	text-shadow:0px 0px 5px #fff;
}

.menu li  ul{
	position:absolute;
	top:30px;
	left:-41px;
	background-color:#fff;
	display:none;
} 

.menu li:hover ul, .menu li.over ul{display:block;}

.menu li ul li{
	border:1px solid #c0c0c0;
	display:block;
	width:140px;
}
 ul{
 	-webkit-padding-start: 0px;
 }

.Container{
	width:90%;
	margin: 0 auto;
	height: auto;
	min-height:100%;
	flex:1;
}


.Container:after{
	width: 90%;
	height:150px;
	display:block;
	clear:both;
}

.Container h2{
	text-align:center;
	color:#FE9A2E;
}

#marcoForm{
	margin:1em auto;
	width:40%;
	float:left;
	margin-left:30%;
}
form{
	color:#0B72ED;
	border-radius:10px;
	padding:10px 20px 15px 60px;
	border-top:1px solid #535353;
	border-left:1px solid #535353;
	border-bottom:3px solid #535353;
	border-right:3px solid #535353;
}


.button{
	width:145px;
	float:rigth !important;
}
.bu{
	/*width:40%;*/
	float:rigth;
	margin-left:7%;
	background:#7f8c8d;
	color:#fff;
	display:inline-block;
	font-size: 13px;
	margin:-3px;
	padding:7px 5px;
	text-align:center;
	width:0 auto;
	box-shadow:0px 1.5px 0px #373c3c;
	text-decoration:none;
}

.bu:hover{
	background:#FE9A2E;
	color:#0B72ED;
}

.button2{
	width:50%;
	margin-top:20px;
	margin-left:47%;
	
}

table{
	margin: 0 auto;
	border-collapse: collapse;
	font-size:13px;
}
table tr:first-child{
	font-weight: bold;
}

table tr td{
	padding:5px;
}
.text{
	margin:0 auto;
	width:80%;
	/*margin-left:10%;*/
	font-size: 15px;
}
footer{
	width:100%;
	text-align:center;
	background:#535353;
	color:#FFF;
	padding:15px;
	margin:0 auto;
	background:#535353
}
body{
	display: flex;
    flex-direction: column;
    min-height: 97.5vh;
}


/*Modal*/
.modalmask {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalmask:target {
    opacity:1;
    pointer-events: auto;
}
.modalbox{
    width: 400px;
    position: relative;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;  
}
.movedown {
    margin: 0 auto;
}
.modalmask:target .movedown{       
    margin:10% auto;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
}
.close:hover {
    background: #FAAC58;
    color:#222;
}

<!-- Slide -->
.Container{
  /*margin:50px auto;
  width:500px;
  height:300px;*/
  overflow:hidden;
  border:10px solid;
  border-top-color:#856036;
  border-left-color:#5d4426;
  border-bottom-color:#856036;
  border-right-color:#5d4426;
  position:relative;


}

.home{
	  margin-left:15%;
}
.photo{
  position:absolute;
  animation:round 16s infinite;
  opacity:0;
  
}
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 

img:nth-child(5){animation-delay:0s;}
img:nth-child(4){animation-delay:4s;}
img:nth-child(3){animation-delay:8s;}
img:nth-child(2){animation-delay:12s;}
img:nth-child(1){animation-delay:16s;}


